<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>回调函数</title>
</head>
<body>
    
    <button id="btn">单击</button>

    <script>
        //回调函数，自已本身不会执行，需要一定的条件，回过头来再调用
        //回调函数一般是匿名函数出现

        // btn.onclick=回调函数
        // btn.onclick=function(){
        //     console.log('nice~~');

        // }
          // 注意一下
          function show(){
            console.log('good good~~~');
        }

        // btn.onclick=show();// 错误的，不用单击就执行完了
         btn.onclick=show;// 正确

                    // 回调函数
         setTimeout(function(){
             console.log('afternoon');
         },2000)
    </script>
</body>
</html>